<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>

<div id="app">
    <p v-if="seen">现在你看到我了。v-if是指令</p>
    <a v-bind:href="url">v-bind是指令参数，它有参数</a>
    <div @click="click1">
        <div @click="click2">
            @click是vue的指令，可以添加后缀.stop让该方法执行完不被上层html标记点击事件执行
        </div>
    </div>
</div>

<script>
    var app = new Vue({
        el: '#app',
        data: {
            seen: false,
            url: "http://www.baidu.com"
        },
        methods:{
            click1: function(){
                console.log('click1......');                    
            },
            click2: function(){
                console.log('click2......');                   
            }
        }
    })
</script>
